<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>BUI</title>
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/bui.css" />
</head>

<body>
    <div class="bui-page">
        <header class="bui-box-vertical">
            <div class="span1">
                <div class="bui-box">
                    <div class="span1">
                        <div class="bui-navbar">
                            <ul class="bui-nav">
                                <li class="bui-btn active">十堰【切换城市】</li>
                                <li class="bui-btn">立即登录</li>
                                <li class="bui-btn">注册</li>
                            </ul>
                        </div>
                    </div>
                    <div class="span1">

                    </div>
                    <div class="span1">
                        <div class="bui-navbar">
                            <ul class="bui-nav">
                                <li class="bui-btn">我的</li>
                                <li class="bui-btn">公众号</li>
                                <li class="bui-btn">小程序</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span1">
                <div class="bui-box">
                    <div class="span1">
                        佳银
                    </div>
                    <div class="span1">
                        <div id="searchbar" class="bui-searchbar bui-box">
                            <div class="span2">
                                <div class="bui-input">
                                    <i class="icon-search"></i>
                                    <input type="search" value="" placeholder="请输入关键字" />
                                </div>
                            </div>
                            <div class="btn-search">搜索</div>
                        </div>
                    </div>
                    <div class="span1"></div>
                </div>
            </div>
            <div class="span1">

                <div class="bui-box">
                    <div class="span1">
                    </div>
                    <div class="span1">
                        全部分类
                    </div>
                    <div class="span9">
                        <div class="bui-navbar">
                            <ul class="bui-nav">
                                <li class="bui-btn">出租房</li>
                                <li class="bui-btn">二手房</li>
                                <li class="bui-btn">新房</li>
                                <li class="bui-btn">短租房</li>
                                <li class="bui-btn">维修</li>
                                <li class="bui-btn">保洁</li>
                                <li class="bui-btn">搬家</li>
                                <li class="bui-btn">家居</li>
                                <li class="bui-btn">二手物品</li>
                                <li class="bui-btn">装修</li>
                            </ul>
                        </div>
                    </div>
                    <div class="span1">
                    </div>
                </div>
            </div>
        </header>
        <main>
            <div class="bui-box">
                <div class="span1">
                    <ul class="bui-list">
                        <li class="bui-btn-title">
                            出租房
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">套房</span>
                                <span class="bui-label">单间</span>
                                <span class="bui-label">商铺</span>
                                <span class="bui-label">写字楼</span>
                                <span class="bui-label">厂房</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            二手房
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">住房</span>
                                <span class="bui-label">商铺</span>
                                <span class="bui-label">厂房</span>
                                <span class="bui-label">写字楼</span>
                                <span class="bui-label">别墅</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            新房
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">全部楼盘</span>
                                <span class="bui-label">在售楼盘</span>
                                <span class="bui-label">近期开盘</span>
                                <span class="bui-label">即将交房</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            维修
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">电路</span>
                                <span class="bui-label">电器</span>
                                <span class="bui-label">家居</span>
                                <span class="bui-label">家具</span>
                                <span class="bui-label">疏通</span>
                                <span class="bui-label">水暖</span>
                                <span class="bui-label">锁类</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            保洁
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">空房保洁</span>
                                <span class="bui-label">定时保洁</span>
                                <span class="bui-label">收费保洁</span>
                                <span class="bui-label">开荒保洁</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            搬家
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">小面包车</span>
                                <span class="bui-label">中面包车</span>
                                <span class="bui-label">小货车</span>
                                <span class="bui-label">中货车</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            家居
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">床</span>
                                <span class="bui-label">沙发</span>
                                <span class="bui-label">衣柜</span>
                                <span class="bui-label">餐桌</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            二手物品
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">洗衣机</span>
                                <span class="bui-label">电脑</span>
                                <span class="bui-label">空调</span>
                                <span class="bui-label">手机</span>
                            </div>
                        </li>
                        <li class="bui-btn-title">
                            装修
                        </li>
                        <li class="bui-btn bui-box">
                            <div class="span1">
                                <span class="bui-label">吊顶</span>
                                <span class="bui-label">地板</span>
                                <span class="bui-label">墙面</span>
                                <span class="bui-label">水电</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="span1">
                    <div class="bui-box-vertical">
                        <div class="span1">
                            <div id="slide" class="bui-slide bui-slide-skin01" style="width:100%"></div>
                        </div>
                        <div class="span1">
                            <div class="bui-box">
                                <div class="span1">
                                    <div class="bui-thumbnail" ><img src="images/index/banner1.png" alt=""></div>
                                </div>
                                <div class="span1">
                                    <div class="bui-thumbnail" ><img src="images/index/banner1.png" alt=""></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span1">
                    <div class="bui-box-vertical">
                        <div class="span1">
                            <div class="bui-box">
                                <div class="span2">
                                    <div class="bui-thumbnail" ><img src="images/index/banner2.png" alt=""></div>
                                </div>
                                <div class="span3">
                                    <div class="personal-header">
                                        <div class="personal-img bui-box-center">
                                            <img src="images/index/photo.jpg" style="width:100px">
                                        </div>
                                        <p class="bui-box-center">Hi!你好</p>
                                        <div class="bui-btn ring" style="width:100px">注册</div>
                                        <div class="bui-btn ring" style="width:100px">立即登录</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="span1">
                            <div class="bui-box">
                                <div class="span2">
                                    <div class="bui-thumbnail" ><img src="images/index/banner3.png" alt=""></div>
                                </div>
                                <div class="span3">
                                    <div class="bui-thumbnail bui-box-center" ><img src="images/index/code.jpg" style="width:100px"></div>
                                    <div class="bui-box-center">佳银app手机版</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="uiTab" class="bui-tab bui-box-vertical">
                <div class="bui-tab-head">
                    <div class="bui-label">出租房</div>
                    <ul class="bui-nav">
                        <li class="bui-btn">最新上架</li>
                        <li class="bui-btn">热门商圈</li>
                    </ul>
                </div>
                <div class="bui-tab-main">
                    <ul>
                        <!-- 内容必须在li里面 -->
                        <li>
<!--                            <div class="bui-btn ring" style="width:100px">上一页</div>-->
<!--                            <div id="slide2" class="bui-slide bui-slide-skin01" style="width:100%"></div>-->
<!--                            <div class="bui-btn ring" style="width:100px">下一页</div>-->
                            <div>
                                <img src="images/index/banner1.png" style="width:200px">
                                <img src="images/index/banner2.png" style="width:200px">
                                <img src="images/index/banner3.png" style="width:200px">
                                <img src="images/index/banner4.png" style="width:200px">
                                <img src="images/index/banner5.png" style="width:200px">
                                <img src="images/index/banner6.png" style="width:200px;display: none">
                                <img src="images/index/banner7.png" style="width:200px;display: none">
                                <img src="images/index/banner8.png" style="width:200px;display: none">
                                <img src="images/index/banner9.png" style="width:200px;display: none">
                            </div>
                        </li>
                        <li style="display: none;">

                        </li>
                    </ul>
                </div>
            </div>
        </main>
        <footer>
            <!-- 底部内容 -->
        </footer>
    </div>


    <script src="js/zepto.js"></script>
    <script src="js/bui.js"></script>
    <!-- 初始化单页 -->
    <script src="index.js"></script>
</body>

</html>